/*
 * 面向属性的 CSS
 */
/* 样式组件 ---一般把项目中使用频率超过3次以上,都抽成样式类名*/
/* 单个样式属性类 */
.overfloww{
  overflow: scroll;
}

/* 字体 */
.f12{
  font-size: 12px;
}
.f14{
  font-size: 14px;
}
.f16{
  font-size: 16px;
}
.f18{
  font-size: 18px;
}
.f20{
  font-size: 20px;
}

/* 文本对齐 */
.tcenter{
  text-align: center;
}

/* 字体颜色 */
.cfff{
  color: #fff;
}
.c004{
  color: #004E73 ;
}

.red{
  color: red;
}
.green{
  color: green;
}
.f1{
  color: #f1f1f1;
}
.cf{
  color: #cfcfcf;
}


/* padding */
.pt{
    padding-top: 50px;
}
.plr20{
    padding:0 20px;
}
.plr30{
    padding:0 30px;
}
.p515{
    padding:5px 15px;
}
.pl80{
  padding-left: 80px;
}
/* margin */
.mt15{
    margin-top: 15px;
}
.mt18{
    margin-top: 18px;
}
.mt20{
    margin-top: 20px;
}
.mt35{
    margin-top: 35px;
}
.mt56{
    margin-top: 56px;
}
.ml10{
    margin-left: 10px;
}
.mr20{
    margin-right: 20px;
}
.mr8{
  margin-right: 8px;
}
.ml93{
    margin-left : 93px;
}
.mt50{
    margin-top: 50px;
}
.mt10{
  margin-top: 10px;
}
.mt-11{
  margin-top: -11px;
}

.mt80{
    margin-top: 80px;
}
.mt90{
    margin-top: 90px;
}
.mb70{
    margin-bottom: 70px;
}
.mb50{
    margin-bottom: 50px;
}
.mb66{
  margin-bottom: 66px;
}

.mb20{
  margin-bottom: 20px;
}
.ml65{
  margin-left: 65px;
}
.ml73{
  margin-left: 73px;
}

/* 行高 */
.lh64{
    line-height: 64px;
}
.lh22{
    line-height: 22px;
}
.lh20{
    line-height: 20px;
}
.lh34{
    line-height: 34px;
}
/* 字体粗细 */
.fw{
    font-weight: normal;
}
.bold{
    font-weight: bold;
}




.container{
  width: 375px;
  margin:0 auto;
}

/*浮动 */
.fl{
  float: left;
}
.fr{
  float: right;
}
.df{
  display: flex; 
}
/* 右对齐 */
.df_fdrr{
  flex-direction: row-reverse; 
}
/* 左对齐 */

/* 居中 */

/* 清除浮动 */
.clearfix:after{
  content:'';
  display: block;
  height: 0;
  clear: both;
}

/* 绝对定位 */
.abs{
  position: absolute;
}
/* 相对定位 */
.rel{
  position: relative;
}

/* 样式组件 ---一般把项目中使用频率超过3次以上,都抽成样式类名*/

/* 字体大小 */
.f12{
  font-size: 12px;
}
.f14{
  font-size: 14px;
}
.f16{
  font-size: 16px;
}
.f18{
  font-size: 18px;
}
.f20{
  font-size: 20px;
}
.f22{
  font-size: 22px;
}
.f24{
  font-size: 24px;
}
.f28{
  font-size: 28px;
}
.f60{
  font-size: 60px;
}
.f72{
  font-size: 72px;
}


/* 文本样式 */
.tcenter{
  text-align: center;
}

/* padding */
.pt{
  padding-top: 50px;
}
.plr20{
  padding:0 20px;
}
.plr30{
  padding:0 30px;
}
.p515{
  padding:5px 15px;
}
/* 文字颜色 */
.red{
color: red;
}
.green{
color: green;
}
.f3{
  color: #fff;

}
.f8A{
  color:#8A8A8A ;

}
.f5{
color: #555555;

}
.e8{
color: #8e8e8e;

}
.c3d{
  color: #3d3e3e;

}
.f1{
color: #f1f1f1f1;

}
.f9{
color: #999999;

}
.fed3{
  color: #005177;

}
.f0{
color: #00dbff;

}


.c18{
  color:#181818;
}
.c6{
  color:#666;
}
.c127{
  color:#1271ef;
}

.c005117{
  color:#005177;
}
.c3{
  color: #ccc;
}
.f1{
color: #f1f1f1;
}
.cf{
color: #cfcfcf;
}
.ce{
color: #cecece;
}
/* 盒子类别 */
.iblock{
  display: inline-block;
}
/* margin */
.mt15{
  margin-top: 15px;
}
.mt5{
  margin-top: 5px;
}
.mt18{
  margin-top: 18px;
}
.mt20{
  margin-top: 20px;
}
.mt35{
  margin-top: 35px;
}
.mt56{
  margin-top: 56px;
}
.ml10{
  margin-left: 10px;
}
.mr20{
  margin-right: 20px;
}
.mr5{
  margin-right: 5px;
}
.mr32{
  margin-right:32px;
}
.mr8{
margin-right: 8px;
}
.ml25{
  margin-left : 25px;
}
.ml35{
  margin-left : -35px;
}
.ml128{
  margin-left : 128px;
}
.mt20{
  margin-top: 20px;
}
.mt23{
  margin-top: 23px;
}
.mt50{
  margin-top: 50px;
}
.mt10{
margin-top: 10px;
}
.mt28{
  margin-top: 28px;
}
.mt32{
  margin-top: 32px;
}
.mt70{
  margin-top: 70px;
}
.mt91{
  margin-top: 91px;
}
.mt200{
  margin-top: 200px;
}
.mt90{
  margin-top: 90px;
}
.mb70{
  margin-bottom: 70px;
}
.mb53{
  margin-bottom: 53px;
}
.mb20{
  margin-bottom: 20px;
}
.mb50{
  margin-bottom: 50px;
}
.mb28{
  margin-bottom: 28px;
}
.mb80{
margin-bottom: 80px;
}
.ml65{
margin-left: 65px;
}
.ml17{
  margin-left: 17px;
  }
.ml146{
  margin-left: 146px;
}
.pt15{
  padding-top: 15px;
}
.pl13{
  padding-left: 13px;
}

/* 行高 */
.lh64{
  line-height: 64px;
}
.lh22{
  line-height: 22px;
}
.lh20{
  line-height: 20px;
}
.lh34{
  line-height: 34px;
}
/* 字体粗细 */
.fw{
  font-weight: normal;
}
.bold{
  font-weight: bold;
}
.fw600{
  font-weight: 600;
}
/* 横线 */
.sp{
  width: 4px;
  height: 26px;
  background-color: #1271ef;
}
